.historybox {
    min-height: calc(~'100vh - 48px');
    background-color: #fff;
    .container {
        padding-left: 0;
        padding-right: 0;
    }
    .box {
        padding: 5px;
        .img {
            flex: 1;
            img {
                width: 100%;
                height: 100%;
                background-size: contain;
                background-position: center;
                background-color: white;
            }
        }
        .img {
            background: radial-gradient( transparent 1px, transparent 1px, white 1px, white);
            background-size: 10px 10px;
            background-position: -10px -10px;
        }
        .pic-paper {
            padding: 5px;
            background: transparent;
        }
        .content {
            flex: 4;
            justify-content: space-between;
            align-items: center;
            .icon {
                align-items: center;
                color: #d58484;
            }
            .name {
                padding-left: 10px;
                color: #654;
            }
            .remove {
                margin: 0 10px;
                align-items: center;
            }
        }
    }
    .collection {
        align-items: center;
        color: #56b6e7;
        .head {
            width: 50%;
            max-width: 230px;
            margin: 20px 0;
            text-align: center;
            img {
                width: 50%;
            }
        }
    }
}